<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>引入方式</title>
		<style>
			h3{
				color: green;    /*字体颜色*/
				font-size: 36px;  /*字体大小*/
				text-align:center;  /*文本居中显示*/
				}
			h1{
				color: green;
			}bigFont{ /*.类名*/
			     font-size: 88px;
				
			}
			.
		</style>
		<link href="css/1.css" rel="stylesheet"/>
	</head>
	<body>
		<!-- css:层叠样式表
		三种引入方式：
		      1.内联样式:在开始标签中加入style属性，在属性中书写样式。
			  2.内部样式:在html文件的head标签中加入style标签，在style标签中书写样式。
			  3.外部样式:
			         step1:创建css文件，书写样式。
					 step2:在html文件head标签中用link标签关联样式文件。
		思考：
		    对同一个标签用三种引入方式作用于同一样式，这个标签最终显示效果听谁的？
		  答：内联优先级最高，谁离标签最近谁的优先级最高。
			  -->
         <!-- 选择器：
			  1.标签选择：
			  2.类选择器：
			  3.id选择器： -->
		<h1 style="color:blue; font-size: 32px;">古诗中文网</h1>
		<h3>蒹葭</h3>
		<p>蒹葭苍苍，白露为霜</p>
		<p>所谓伊人，在水一方</p>
	</body>
</html>